@charset "utf-8";

@import url("//at.alicdn.com/t/font_1911267_r0td6zu1g8.css");

@import url("animate.min.css");

@import url("swiper-bundle.min.css");

@import url("hover.min.css");

@font-face {

    font-family: 'Fjalla One';

    font-style: normal;

    font-weight: 400;

    src: local('Fjalla One'), local('FjallaOne-Regular'), url(../font/Yq6R-LCAWCX3-6Ky7FAFrOF6kg.woff2) format('woff2');

    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}



blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}

address,article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}

table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:400}

abbr,body,fieldset,html,iframe,img{border:0}img{ display :inline-block;vertical-align: middle;}

address,cite,dfn,em,i,var{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}

h1,h2,h3,h4,h5,h6,small{font-size:100%}sub,sup{font-size:83%}code,kbd,pre,samp{font-family:inherit}

q:after,q:before{content:none}textarea{overflow:auto;resize:none}label,summary{cursor:default}

a,button{cursor:pointer}b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}a,a:hover,del,ins,s,u{text-decoration:none}

html{ -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}body,button,input,keygen,legend,select,textarea{font:14px/24px 微软雅黑;color:#000;outline:0}

a,a:hover{color:#000}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}

hr{box-sizing:content-box;height:0;overflow:visible;color: #ebebeb;}button,input,select,textarea{font:inherit;margin:0}

button,input{overflow:visible}button,select{text-transform:none}

[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}

fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}

legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}

[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}

[type=search]{-webkit-appearance:textfield;outline-offset:-2px}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}

::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}img{max-width: 100%;}

.clearfix:after,.container:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}

.ib{display:inline-block}.dn{display:none}.db{display:block}.fl{float:left}.fr{float:right}.pr{position:relative}.prz{position:relative;zoom:1}

.pt-sm{ padding-top : 10px;}.pt-md{ padding-top : 15px;}.pt-lg{ padding-top : 20px;}.pl-sm{ padding-left : 10px;}.pl-md{ padding-left : 15px;}

.pl-lg{ padding-left : 20px;}.pr-sm{ padding-right : 10px;}.pr-md{ padding-right : 15px;}.pr-lg{ padding-right : 20px;}.pb-sm{ padding-bottom : 10px;}

.pb-md{ padding-bottom : 15px;}.pb-lg{ padding-bottom : 20px;}.p-sm{ padding : 10px;}.p-md{ padding : 15px;}.p-lg{ padding : 20px;}.mt-sm{ margin-top : 10px;}

.mt-md{ margin-top : 15px;}.mt-lg{ margin-top : 20px;}.mr-sm{ margin-right : 10px;}.mr-md{ margin-right : 15px;}.mr-lg{ margin-right : 20px;}

.mb-sm{ margin-bottom : 10px;}.mb-md{ margin-bottom : 15px;}.mb-lg{ margin-bottom : 20px;}.ml-sm{ margin-left : 10px;}.ml-md{ margin-left : 15px;}

.ml-lg{ margin-left : 20px;}.oh{overflow:hidden}.container{width: 1200px; margin: 0 auto;}.text-center{text-align: center;}.text-right{text-align: right;}

.m-sm-x{ margin-left : 10px; margin-right :10px;}.m-md-x{ margin-left : 15px; margin-right : 15px;}.m-lg-x{ margin-left : 20px; margin-right : 20px;}

.m-sm-y{ margin-top : 10px; margin-bottom : 10px;}.m-md-y{ margin-top : 15px; margin-bottom : 15px;}.m-lg-y{ margin-top : 20px; margin-bottom : 20px;}

.p-sm-x{ padding-left: 10px; padding-right :10px;}.p-md-x{ padding-left : 15px; padding-right : 15px;}.p-lg-x{ padding-left : 20px; padding-right: 20px;}

.p-sm-y{ padding-top : 10px; padding-bottom : 10px;}.p-md-y{ padding-top : 15px; padding-bottom : 15px;}.p-lg-y{ padding-top: 20px; padding-bottom : 20px;}

.white, .white a{color:#fff;}.fs-sm{ font-size : 16px;} .fs-md{ font-size : 18px;} .fs-lg{ font-size : 20px;}.fwn{font-weight: normal;}

.ti{ text-indent : 2em;}

.ml40{ margin-left: 40px;}

.mb30{ margin-bottom: 30px;}

.pt30{ padding-top: 30px !important; }

.transition{    transition: all 0.3s linear;}

.bgf{ background : #fff;}

.clear{ clear: both; overflow: hidden;}.elip{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

body{ background: #fff; }



.header_top{

    background: #14a144;

    color: #ffffff;

	line-height: 36px;
}

.header_top a{

    color: #ffffff;

}

.header{

    height: 130px;

    background:  url(../images/headerbg.jpg);

    padding-top: 26px;

    box-sizing: border-box;

}



.header .phone-title{

    color: #000000;

}

.header .phone img{

    vertical-align: sub;

    margin-left: 11px;

}

.header .phone-list{

    font-size: 18px;

    color: #14a144;

    font-family: 'Fjalla One', serif;

}

.nav{

    /* height: 62px; */

    box-sizing: border-box;

    border-top: 1px #4ab76f solid;

}

.nav-list h3{

    font-size: 16px;

    display: inline-block;

    font-weight: normal;

    position: relative;

    transition: all .3s;

}

.nav-list h3 a{

    display: inline-block;

    padding: 0 29px;

    line-height: 62px;

    color: #333333;

}

.nav-list h3:after{

    content: "";

    width: 0;

    height: 0;

    background: transparent;

    z-index: 99;

    position: absolute;

    left: 50%;

    top: 0;

    transition: all .3s;

	transform: translateX(-50%);
}

.nav-list .current:after,.nav-list h3:hover:after{

    background: #14a144;

    width: 88px;

    height: 7px;

    top: -8px;

}

.nav-list .current a{

    color: #14a144;

}



.nav-list-inside .current a{

    color: #ff7e0a;

}

.nav-list-inside .current:after, .nav-list-inside h3:hover:after {

    background: #ff7e0a;

}



.search{

    width: 256px;

    height: 38px;

    background: #fbfffd;

    border: 1px #f2f2f2 solid;

    margin-top: 12px;

}

.search input{

    background-color: transparent;

    border: none;

    line-height: 38px;

    width: 195px;

    padding-left: 15px;

    float: left;

}



.search input[type=submit]{

    height: 38px;

    width: 45px;

    background:  url(../images/search.png) center no-repeat;

    cursor: pointer;

}

.banner {



}

.swiper-pagination-banner{

    bottom: 30px !important;

}

.swiper-pagination-banner .swiper-pagination-bullet{

    width: 29px;

    height: 8px;

    border-radius: 0;

    background: #14a144;

    opacity: 1;

}

.swiper-pagination-banner .swiper-pagination-bullet-active{

    background: #ff7800;

}

.bnner_text{

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 50%;

    transform: translateY(-61%);

    color: #ffffff;

}

.bnner_text h2{

    font-size: 48px;

    position: relative;

    line-height: 1;

    padding-bottom: 30px;

}

.bnner_text h2:before{

    position: absolute;

    bottom: 0;

    left: 0;

    content: "";

    height: 6px;

    width: 56px;

    background: #ffffff;

}

.bnner_text p{

    font-size: 24px;

    line-height: 1;

    padding-top: 40px;

}

.index-hotkey{

    padding: 25px;

    background: #ffffff;

    line-height: 1;

}

.index-hotkey-title{

    float: left;

    border-left:6px #14a144 solid ;

    color: #333333;

    padding-left: 13px;

    font-weight: bold;

}

.index-hotkey-list{

    float: left;

    color: #666666;

}

.index-hotkey-list a{

    display: inline-block;

    color: #666666;

}

.index-hotkey-list a:hover{

    color: #14a144;

}

.mainbg{

    background:  url(../images/main.jpg) top center no-repeat;

}

.case{

    padding-top: 68px;

    padding-bottom: 56px;

}

.index-title{

    padding-bottom: 50px;

}

.index-title h3{

    font-size: 36px;

    color: #333333;

    text-align: center;

    line-height: 1;

    padding-bottom: 30px;

    position: relative;

}

.index-title h3::after{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 40px;

    height: 6px;

    background: #333333;

    content: "";

}

.index-title .tip{

    font-size: 16px;

    color: #333333;

    padding: 20px 0 40px;

    text-align: center;

}

.index-title-nav{

    text-align: center;

}

.index-title-nav a{

    display: inline-block;

    height: 38px;

    line-height: 38px;

    padding: 0 35px;

    text-align: center;

    background: #333333;

    color: #ffffff;

    margin: 0 10px;

}

.index-title-nav a:before, .news-content-list .news-content-item:before{

    background: #14a144;

}

.index-title-nav a.active:before{

    transform: scaleX(1);

}

.index-title-nav-news{

    padding-top: 37px;

}

.index-title-nav-news a{

    background: #e3e3e3;

    color: #666666;

    min-width: 90px;

}

.index-title-nav-news a.active{

    color: #ffffff;

}



.case-content-left{

    width: 587px;

    height: 530px;

    position: relative;

    overflow: hidden;

}

.case-content-left a{

    display: block;

    width: 100%;

    height: 100%;

}

.case-content-left a p{

    position: absolute;

    z-index: 99;

    height: 73px;

    line-height: 73px;

    padding-left: 27px;

    bottom: 0;

    left: 0;

    width: 100%;

    box-sizing: border-box;

    color: #ffffff;

    font-size: 24px;

    background: rgba(0,0,0,.8);

}



.case-content-list{

    width: 675px;

}

.case-content-list li{

    width: 321px;

    height: 251px;

    overflow: hidden;

    margin: 0 0 27px 15px;

    float: left;

}

.case-content-list li a{

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

}

.case-content-list li a p{

    position: absolute;

    z-index: 99;

    height: 45px;

    line-height: 45px;

    padding-left: 20px;

    bottom: 0;

    left: 0;

    width: 100%;

    box-sizing: border-box;

    color: #ffffff;

    background: rgba(0,0,0,.8);

}



.why{

    background:  url(../images/why.jpg) top center no-repeat;

    padding: 73px 0;

}

.why-title{

    color: #ffffff;



}

.why-title h3{

    font-size: 36px;

    line-height: 52px;

    padding-bottom: 15px;

    position: relative;

    margin-bottom: 30px;

}

.why-title h3::after{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 40px;

    height: 6px;

    background: #fff;

    content: "";

}

.why-list{

    padding-top: 60px;

}

.why-list li{

    width: 560px;

    height: 225px;

    background: #ffffff;

    margin-bottom: 17px;

    float: right;

    box-sizing: border-box;

    padding: 25px 25px 0;

    text-align: left;

    cursor: pointer;

}

.why-list li .title{

    font-size: 24px;

    font-weight: bold;

    position: relative;

    padding-bottom: 15px;

}

.why-list li .title::after{

    position: absolute;

    bottom: 0;

    width: 30px;

    height: 4px;

    background: #535353;

    content: "";

}

.why-list li p{

    font-size: 12px;

    line-height: 24px;

    padding-top: 13px;

}

.why-list li .title span{

    font-size: 30px;

    font-family: 'Fjalla One', serif;

    font-style: italic;

    display: inline-block;

    padding:0 10px;

}

.why-list li:nth-child(2n+1){

    float: left;

    text-align: right;

}


.why-list li:hover .title::after,.why-list .on .title::after{

    background: #ffffff;

}

.why-list .on:before{
	transform: scaleX(1);
}
.why-list .on{
	color: #fff;
}
.why-list li:nth-child(2n+1) .title::after{

    right: 0;

}

.why-list li:nth-child(2n) .title::after{

    left: 0;

}

.why-list .hvr-bounce-to-left:before, .why-list .hvr-bounce-to-right:before{

    background: #14a144;

}

.news{

    background: #f5f5f5;

    padding: 86px 0;

}

.news-content-left{

    background: #ffffff;

    width: 600px;

    height: 452px;

    box-sizing: border-box;

    padding: 25px 25px 0;

    box-shadow: 0 0 5px #F2F2F2;

}

.news-content-left .pic{

    overflow: hidden;

    height: 294px;

}

.news-content-left .pic img{

    width: 100%;

    height: 100%;

}

.news-content-item{

    padding-top: 24px;

    background: #ffffff;

}

.news-content-item .time{

    float: left;

    text-align: center;

    box-sizing: border-box;

    padding: 0 15px;

    color: #767575;

    font-size: 18px;

    line-height: 1.5;

    margin-right: 20px;

}

.news-content-item .time p{

    font-size: 30px;

    border-bottom: 1px #dedede solid;

    margin-bottom: 5px;

}

.news-content-item .title{

    font-size: 16px;

    color: #666666;

    padding: 10px 0;

}

.news-content-item .title a{
color: #333;
font-weight: 600;

}

.news-content-item .desc{

    font-size: 12px;

    color: #b1b1b1;

    line-height: 20px;

}

.news-content-list{

    float: right;

    width: 600px;

}

.news-content-list .news-content-item{

    background: #ffffff;

    margin-bottom: 22px;

    height: 96px;

    padding-right: 30px;

    padding-top: 15px;

    box-sizing: border-box;

    width: 100%;

}

.news-content-list .time{

    font-size: 14px;

}

.news-content-list .time p{

    font-size: 22px;

}

.news-content-list .title a{

    color: #6e6e6e;

}

.news-content-list .news-content-item:hover .title a,.news-content-list .news-content-item:hover .desc,.news-content-list .news-content-item:hover .title,.news-content-list .news-content-item:hover .time{

    color: #ffffff;

}

.news-content-list .news-content-item:hover{

    box-shadow: 0 0 10px #a6a6a6;

}



.index-about{

    padding: 64px 0;

}

.index-about-title{

    height: 104px;

    background:  url(../images/about1.png) 0 0 no-repeat;

    box-sizing: border-box;

    padding-left: 180px;

    margin-left: -180px;

}

.index-about-title h3{

    font-size: 36px;

    color: #555555;

    line-height: 60px;

}

.index-about-title p{

    font-size: 16px;

    color: #333333;

    line-height: 2;

}

.index-about-content-left{

    width: 577px;

    float: left;

    padding-top: 48px;

}



.index-about-content-left h2{

    font-size: 42px;



    padding-bottom: 57px;

    color: #444444;

    position: relative;

    line-height: 1;

}

.index-about-content-left h2:before{

    position: absolute;

    content: "";

    border-bottom: 4px solid #444444;

    width: 84px;

    bottom: 30px;

    left: 0;

}

.index-about-content-left h4{

    width: 173px;

    line-height: 32px;

    height: 34px;

    border: 1px solid #cecece;

    text-align: center;

    font-size: 16px;

    color: #666666;

    margin-bottom: 20px;

    font-weight: normal;

}

.index-about-content-left span{

    font-family: 'Fjalla One', serif;

    font-size: 13px;

    }

.index-about-content-left p{

    text-align: justify;

    line-height: 30px;

    color: #666666;

    padding-bottom: 15px;

}

.btn2{

    display: block;

    width: 140px;

    height: 42px;

    position: relative;

    text-align: center;

    line-height: 42px;

    font-size: 14px;

    color: #333;

    background: #e7e7e7;

    margin-top: 20px;

    border-left: 4px #14a144 solid;

}

.btn2::before{

    background: #14a144;

}

.index-about-content-right{

    padding-top: 40px;

}

.fage{

    padding-bottom: 60px;

}

.position{

    font-size: 12px;

    color: #888888;

    line-height: 40px;

    background: #f3f3f3;

}

.position a{

    color: #888888;

    padding: 0 5px;

}

.inside_nav{

    padding: 78px 0 30px;

    margin-right: -30px;

}

.inside_nav a{

    display: inline-block;

    box-sizing: border-box;

    padding: 0 30px;

    min-width: 180px;

    margin-right: 13px;

    margin-bottom: 23px;

    background: #efefef;

    color: #666666;

    line-height: 44px;

    text-align: center;

}

.inside_nav a.on:before{

    transform: scaleX(1);

    color: #ffffff;

}

.inside_nav .hvr-sweep-to-right:before{
	background: #14a144;
}

.inside_nav a.on{

    color: #ffffff;

}



.gallery ul{

    overflow: hidden;

}

.gallery li{

    float: left;

    width: 330px;

    text-align: center;

    margin-right: 90px;

}

.gallery li:nth-child(3n){

    margin-right: 0;

}

.gallery a{

    display: block;

    overflow: hidden;

    border: 2px solid #e7e7e7;

    border-radius: 3px;

    padding: 8px;

    height: 230px;

}

.gallery img{

    max-width: 100%;

    min-height: 230px;

}

.gallery p{

    font-size: 16px;

    line-height: 54px;

    color: #333;

    text-align: center;

}



.page{padding: 55px 0 125px;}

.page a,.page span{

    display: inline-block;

    margin-right :6px;

    width: 42px;

    height: 42px;

    text-align: center;

    line-height: 42px;

    border: 1px solid #e3e3e3;

    border-radius: 4px;

    font-size: 20px;

    color: #535353;

}

.page .current,.page a:hover{

    background: #14a144;

    border: 1px solid #14a144;

    color: #fff;

}



.form{

    border: 1px #e9e9e9 solid;

    padding: 60px 290px 60px 135px;

    margin-bottom: 80px;

}

.form-item{

    overflow: hidden;

    padding-bottom: 23px;

}

.form-table{

    width: 80px;

    text-align: right;

    line-height: 50px;

    color: #666666;

    float: left;

}

.form-table span{

    color: #ff0000;

}

.form-item input{

    width: 670px;

    height: 50px;

    line-height: 50px;

    border: 1px #e9e9e9 solid;

    text-indent: 2em;

    font-size: 12px;

    color: #ababab;

}

.form-item textarea{

    border: 1px #e9e9e9 solid;

    text-indent: 2em;

    font-size: 12px;

    color: #ababab;

    width: 670px;

    min-height: 206px;

}

.form-but{

    height: 60px;

    line-height: 60px;

    width: 670px;

    font-size: 22px;

    color: #ffffff;

    border: none;

    background: #14a144;

    margin-left: 80px;

    margin-top: 80px;

    cursor: pointer;

}



.contact-title{

    font-size: 20px;

    color: #009148;

    padding-bottom: 10px;

    border-bottom: 1px #ebebeb solid;

}

.contact-title span{

    font-size: 14px;

    color: #333333;

    padding-left: 10px;

}



.field-nav{

    width: 300px;

    float: left;

}

.field-nav-title{

    font-size: 28px;

    color: #333333;

    line-height: 1;

    padding: 33px 0;

}



.field-item{

    text-align: right;

    margin-bottom: 10px;

}

.field-item h3{

    background: #14a144;

    line-height: 50px;

    height: 50px;

    padding-right: 65px;

    font-size: 18px;

    color: #ffffff;

    position: relative;

}

.field-item h3:before{

    position: absolute;

    right: 40px;

}

.field-item.on .sub{

    padding: 8px 0 10px;

    height: auto;

}

.field-item .sub a{

    display: block;

    height: 40px;

    line-height: 40px;

    padding-right: 40px;

    color: #6b6b6b;

    background: #e1e1e1;

    margin-bottom: 5px;

}

.field-item.on{



}

.field-item .sub{

    height: 0;

    overflow: hidden;

}



.field-right{

    width: 850px;

    float: right;

    padding-top: 92px;

}

.field-right-title{

    height: 50px;

    line-height: 50px;

    background: #efefef;

    font-size: 18px;

    color: #121212;

    padding-left: 35px;

    font-weight: bold;

}

.field-right-content{

    padding: 25px 10px;

}



.products{

    overflow: hidden;

}

.products li{

    float: left;

    width: 373px;

    margin-right: 40px;

}

.products li:nth-child(3n){

    margin-right: 0;

}

.products li .pic{

    height: 250px;

    overflow: hidden;

}

.products li .pic img{

    width: 100%;

}

.products li h2{

    height: 45px;

    line-height: 45px;

    text-align: center;

    font-size: 16px;

    color: #353535;

    font-weight: normal;

    border: 1px #d8d8d8 solid;

    margin: 15px 0 50px;

}









.pldsb{overflow: hidden; padding: 58px 0;}

.pldsb_l{float: left; width: 630px; padding-left: 13px; position: relative;}

.pldl_tit h2{font-size: 28px; padding-bottom: 37px; color: #333;}

.pldsb_l .gallery-top{border: 1px solid #ddd;}

.pldsb_l .gallery-top img{width: 630px; height: 426px;}

.pldsb_l .gallery-thumbs{margin-top: 15px; box-sizing: border-box;margin-left: 45px; margin-right: 45px;  }

.pldsb_l .gallery-thumbs img{width: 124px; height: 81px;border: 3px solid #bfbfbf;box-sizing: border-box;}

.gallery-thumbs .swiper-slide { height: 100%; width: auto; }

.gallery-thumbs .swiper-slide-thumb-active img { border: 3px solid #3263b2; }

.pldsb_l .swiper-button-next{background: url(../images/d_10.jpg);width: 25px; height: 86px; margin-top: 0; right:0;top:auto; bottom: 3px;}

.pldsb_l .swiper-button-prev{background: url(../images/d_11.jpg);width: 25px; height: 86px; margin-top: 0; left:13px;top:auto; bottom: 3px;}

.pldsb_l .swiper-button-next:hover{background: url(../images/d_13.jpg);}

.pldsb_l .swiper-button-prev:hover{background: url(../images/d_12.jpg);}

.pldsb_l .swiper-button-next:after,.pldsb_l .swiper-button-prev:after{display:none;}



.pldsb_r{

    width: 540px;

    float: right;

    box-sizing: border-box;

    border: 1px #e2e2e2 solid;

    padding: 10px;

    height: 523px;

    }



.plr_tit h2{

    font-size: 28px;

    color: #171717;

    line-height: 80px;

    background: #f1f1f1;

    text-align: center;

}



.plr_desc{

    padding: 30px 38px;

    font-size: 14px;

    line-height: 30px;

    color: #666666;

}

.plr_list{

    padding-left: 38px;

}

.plr_a{

    width: 464px;

    line-height: 48px;

    height: 48px;

    color: #ffffff;

    font-size: 16px;

    text-align: center;

    background: #14a144;

    display: inline-block;

    margin-left: 38px;

    margin-top: 24px;

}



.cpxq_tit{padding-bottom: 12px;}

.cpxq_tit h2{font-size: 24px;  font-weight: 400;color: #000; position: relative;}

.cpxq_nr li{padding-bottom: 5px;text-align: center;}

.cpxq_nr ul{padding-top: 55px;}

.cpxq_nr img{display: block;}

.cpxs {

    padding: 40px;

    border: 1px #e2e2e2 solid;

}



.xgcp_tit h2{font-size: 22px;color: #333333;padding-bottom: 15px;border-bottom: 1px #d8d8d8 solid;margin-bottom: 15px;padding-top: 30px;}

.xgcp_tit span{padding-left: 20px; font-size: 16px;font-weight: 400;}





.xwlbbox ul{overflow: hidden; margin-left: -35px;}

.xwlbbox li{float: left; width: 33.33%; padding: 0 0 60px 35px;box-sizing: border-box;}

.xwlbtp{overflow: hidden; height: 270px;}

.xwlbtp img{width: 100%;}

.xwlb_text{padding: 0 22px; height: 140px;}

.xwlbnn{background: #f0f0f0;}

.xwlb_text h2{font-size: 18px; line-height: 50px; color: #333333; padding-top: 10px;    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.xwlb_text p{font-size: 12px; line-height: 20px; color: #666666;}

.xwlbnn h4{transition: All 0.4s ease-in-out;font-weight: 400; padding: 0 22px; border-top: 1px solid #dadada;line-height: 56px; color: #333;font-size: 16px;}

.xwlbbox a:hover h4{color: #fff; background: #fda14e;}



.xwxq_tit{text-align: center; padding: 80px 0 35px;border-bottom: 1px solid #dcdcdc;}

.xwxq_tit h2{font-weight: 400; font-size: 30px; padding-bottom: 34px; color: #333333;}

.xwxq_tit p{font-size: 12px; color: #888888;}

.xwxq_tit span{padding: 0 8px;}

.xwxq_nr p{font-size: 14px; color: #444444; line-height: 30px;}

.xwxq_tp{padding: 20px 0;}

.xwxq_nr{padding: 45px 0 140px;border-bottom: 1px solid #dcdcdc;}

.xwfy{padding: 48px 0 85px;}

.xwfy10{padding: 43px 0 0; border-top: 1px solid #dcdcdc;}

.xwfy li{ color: #333333;line-height: 36px;font-weight: bold;}

.xwfy a{color: #333; font-weight: 400;}

.xwfy a:hover{color: #007AFF;}

.rmtj_tit h2{font-size: 22px; padding-bottom: 30px; color: #333333;}

.rmtj_tit span{font-size: 16px; padding-left: 20px;}



.jszcbo{padding-bottom: 35px;overflow: hidden;}

.jszx_right{width: 383px;overflow: hidden;float: left;height: 212px;}

.jszx_right img{width: 386px;}

.jszc_left{float: right;width: 785px;background: #f0f0f0;height: 212px;}

.jszc_left h4{transition: All 0.4s ease-in-out;padding: 0 35px; line-height: 56px; font-size: 14px; color: #333;font-weight: 400;}

.jszcbox{height: 154px;margin: 0 35px;border-bottom: 1px solid #dadada;}

.jszcbox h2{font-size: 18px;line-height: 76px;color: #333;}

.jszcbox p{font-size: 14px;line-height: 28px;color: #666666;padding-right: 50px;}

.jszcbo a:hover h4{color: #fff;background: #fda14e;}



.footer{background: url(../images/footerbg.jpg) top center;height: 525px;position: relative;border-top: 8px #ff7e0a solid;}

.footerbox{padding-top: 30px;height: 84px;border-bottom: 1px solid #4ca168;overflow: hidden;}

.footerbox h2{overflow: hidden;}

.footerbox span{font-weight: 400;font-size: 14px;color: #fff;display: flex;align-items: center;line-height: 1;padding-top: 34px;}

.footerbox h2 b{font-size: 30px;font-weight: normal;font-family: 'Fjalla One', serif;}

.footerbox  img{}

.wzfl{overflow: hidden;padding-top: 55px;/* width: 1400px; */margin: 0 auto;}

.wzfl_left{float: left;width: 900px;}

.wzflbox{float: left;padding-right: 12px;width: 15%;}

.wzflbox h2{font-size: 15px; font-weight: bold; color: #afb7c3; padding-bottom: 22px;}

.wzflbox h2 a{color: #fff;}

.wzflbox li{line-height: 24px;}

.wzflbox li a{color: #b2cbb8;}

.wzflbox li a:hover{color: #fff;}

.wzfl_right{/* width: 410px; */float: right;}

.rwm{overflow: hidden; width: 90px;} 

.rwm img{float: left; margin-right: 20px;}

.rwm h4{font-weight: bold;font-size: 12px;line-height: 26px;color: #b2cbb8;padding-top: 16px;}

.rwtext{padding-top: 15px;}

.rwtext p{font-size: 12px;line-height: 2;color: #b2cbb8;letter-spacing: 1px;}

.rwtext a{color: #76869c;}

.rwtext a:hover{color: #fff;}

.bqxx{width: 100%; position: absolute;bottom: 0;left:0; background: rgba(255,255,255,.04);}

.bqxxbox{width: 1200px;margin: 0 auto;}

.bqxxbox p{font-size: 12px;color: #b2cbb8;line-height: 42px;}

.bqxxbox  a{color: #b2cbb8;padding: 0 10px;}

.bqxxbox  a:hover{color: #fff; }


.GoTop {
    /*position: fixed;*/
    width: 80px;
    /*bottom: 0;
    right: 0;*/
    z-index: 99999;
    height: 80px;
    background: none;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    line-height: 80px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    background: #ff7e0a;
}
.GoTop p{
	position: absolute;
	top: -100%;
	right: -100%;
}
.GoTop a{
	display: block;
	height: 80px;
	width: 100%;
}
.GoTop svg {
    width: 20px;
    position: relative;
    top: 5px;
    height: 20px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    fill: #fff;
}
.GoTop:hover {
	background: rgba(20 ,161, 68, .8);
}
.GoTop:hover svg{ fill: #fff;}

.GoTop.active, 
.myTop a.active {
    opacity: 1;
    visibility: visible;
}
.myTop{width: 80px; height:320px;position: fixed;right: 0;bottom: 25%; z-index: 99; background: #0f7833;}
.myTop a{width: 100%; 
	height: 80px;
	opacity: 0; 
	visibility: hidden;
	line-height: 80px;
	color: #fff; 
	display: block; 
	position: relative;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out;
}
.myTop p{height: 80px; 
	line-height: 80px; 
	width: 309px; 
	color: rgba(0,0,0,0); 
	padding-left: 80px; 
	font-size: 14px; 
	background: rgba(255,255,255,0.15); 
	position: absolute; 
	left: 0; 
	top: 0;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
.myPhone p {
	background: rgba(20 ,161, 68, .8)
	url(../images/mynum1.png) no-repeat 26px center;
}
.myPhone:hover p {
	background: rgba(20 ,161, 68, .8)
	url(../images/mynum1.png) no-repeat 26px center;
	left: -200px;
	color: #fff;
}
.myQQ {
	background: rgba(20 ,161, 68, .8) url(../images/myqq1.png) no-repeat center;
}
.myQQ:hover {
	background-image: url(../images/myqq1.png);
	background-color: rgba(20 ,161, 68, .8);
}
.myweixin p {
	background: rgba(20 ,161, 68, .8) url(../images/wxs2.png) no-repeat 22px center;
}
.myweixin:hover p {
	background: rgba(20 ,161, 68, .8) url(../images/wxs2.png) no-repeat 22px center;
	left: -240px;
	color: #fff;
}
.myweixin i{display: inline-block;vertical-align: middle;line-height: 20px;text-align: left;margin-left: 15px;}
.myweixin img{ width: 80px;display: inline-block;vertical-align: top;
/*	opacity: 0;
	visibility: hidden;
	z-index: -4;
	filter: alpha(opacity='0');
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out;*/
}
.myweixin:hover img{
	opacity: 1;
	visibility: visible;
	z-index: 1;
	filter: alpha(opacity='100');
}